1Use font-face declaration Fonts.
@font-face {font-family: "Druk Wide Medium";
src: url("7e389c5e310dc537b083e0e25ea6eab5.eot"); /* IE9*/
src: url("7e389c5e310dc537b083e0e25ea6eab5.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
url("7e389c5e310dc537b083e0e25ea6eab5.woff2") format("woff2"), /* chrome、firefox */
url("7e389c5e310dc537b083e0e25ea6eab5.woff") format("woff"), /* chrome、firefox */
url("7e389c5e310dc537b083e0e25ea6eab5.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url("7e389c5e310dc537b083e0e25ea6eab5.svg#Druk Wide Medium") format("svg"); /* iOS 4.1- */
}
2Settings font css style
.demo{
font-family:"Druk Wide Medium" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;}
3View DEMO
<div class="demo"> www.OnlineWebFonts.Com </div>
OROr add to the head section of page.
<link href="//db.onlinewebfonts.com/c/7e389c5e310dc537b083e0e25ea6eab5?family=Druk+Wide+Medium" rel="stylesheet" type="text/css"/>
OnlineWebFonts.Com features an amazing collection of free fonts, premium fonts and free dingbats. With over 8,000,000 freeware fonts, you\'ve come to the best place to download fonts! OnlineWebFonts.Com Some fonts provided are trial versions of full versions and may not allow embedding unless a commercial license is purchased or may contain a limited character set. Please review any files included with your download, which will usually include information on the usage and licenses of the fonts. If no information is provided, please use at your own discretion or contact the author directly. 0123456789 /*-+~!@#$%^&*()-=_+{}[]:;"\'|\<>.?